<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page isELIgnored="false"  %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath %>">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

	<link rel="stylesheet" type="text/css" href="js/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="js/easyui/themes/icon.css">
	<script type="text/javascript" src="js/easyui/jquery.easyui.min.js"/></script>
	
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
	/* 点击组织机构选项,去到组织机构管理页面 */
	function goto_org(url, title) {
		var b = $('#tt').tabs('exists', title);//表明指定的面板是否存在
		if (!b) { //选项卡不存在，新增选项卡
			$('#tt').tabs('add', {//添加一个新的包含小工具菜单的选项卡面板
				title : title,//选项卡面板的标题文本
				href : url,//从URL加载远程数据内容填充到选项卡面板
				closable : true,//在设置为true的时候，选项卡面板将显示一个关闭按钮，在点击的时候会关闭选项卡面板
				tools : [ { //自定义工具菜单，每个元素都包含'iconCls'和'handler'属性
					iconCls : 'icon-mini-refresh',//刷新图标
					handler : function() { //真正的刷新功能
						var tab = $('#tt').tabs("getSelected");//获取选择的选项卡面板
						tab.panel("refresh"); //刷新面板来装载远程数据
					}
				}]
			});
		} else {
			$('#tt').tabs('select', title);//如果该选项卡存在，使用原有选项卡面板
		}
	}
</script>
<title>讨债系统</title>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">后台管理系统</div>
	<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">
		<!-- easyUI的树形结构 -->
		<ul class="easyui-tree">
		<li>
			<span>选项</span>
			<ul>
				<li><span><a href="javascript:goto_org('goto_organization.do','组织机构')">组织机构管理</a></span></li>
<!-- 				<li><span><a href="javascript:goto_emp('goto_emp.do','员工管理')">员工管理</a></span></li> -->
<!-- 				<li><span><a href="javascript:goto_pos('goto_position.do','职位管理')">职位管理</a></span></li> -->
<!-- 				<li><span><a href="javascript:goto_client('goto_client.do','委托方管理')">委托方管理</a></span></li> -->
<!-- 				<li><span><a href="javascript:goto_batch('goto_batch.do','批次管理')">批次管理</a></span></li> -->
<!-- 				<li><span><a href="javascript:goto_case('goto_case.do','案件管理)">案件管理</a></span></li> -->
<!-- 				<li><span><a href="javascript:goto_repay('goto_repayment.do','还款管理')">还款管理</a></span></li> -->
			</ul>
		</li>
		</ul>
	</div>
<!-- 	<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
	<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div> -->
	<!-- 添加弹窗 -->
	<!-- 为了防止弹窗里的内容被挤掉，这里需要加一个高度 -->
	<div data-options="region:'center',title:'首页'" style="height: 500px">
		<div id="tt" class="easyui-tabs">
			
		</div>
	</div>
	
</body>
</html>